<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部 -->
<div class="bigbox">
    <header id="header">
        <div class="img1">
            <img src="http://chst.vip:8081/for-stu/wfzh/images/header_logo.png" alt="">
        </div>
        <div class="img2">
            <img src="http://chst.vip:8081/for-stu/wfzh/images/header_app.png" alt="">
        </div>
    </header>
    <!-- 搜索 -->
    <section id="search">
        <div class="search_box">
            <input type="text" placeholder="请输入你想比价的产品">
        </div>
        <div class="button_box">
            <button>搜索</button>
        </div>
    </section>
    <!-- 主体 -->
    <main>
        <div id="nav">
            <!-- <div class="smallbox">
                <a href="#">
                    <span>
                        <img src="http://chst.vip:8081/for-stu/wfzh/images/ic_search.png" alt="">
                    </span>
                </a>
                <p class="pname">比价搜索</p>
            </div>
            <div class="smallbox">
                <a href="#">
                    <span>
                        <img src="http://chst.vip:8081/for-stu/wfzh/images/ic_search.png" alt="">
                    </span>
                </a>
                <p class="pname">比价搜索</p>
            </div>
            <div class="smallbox">
                <a href="#">
                    <span>
                        <img src="http://chst.vip:8081/for-stu/wfzh/images/ic_search.png" alt="">
                    </span>
                </a>
                <p class="pname">比价搜索</p>
            </div>
            <div class="smallbox">
                <a href="#">
                    <span>
                        <img src="http://chst.vip:8081/for-stu/wfzh/images/ic_search.png" alt="">
                    </span>
                </a>
                <p class="pname">比价搜索</p>
            </div>
            <div class="smallbox">
                <a href="#">
                    <span>
                        <img src="http://chst.vip:8081/for-stu/wfzh/images/ic_search.png" alt="">
                    </span>
                </a>
                <p class="pname">比价搜索</p>
            </div>
            <div class="smallbox">
                <a href="#">
                    <span>
                        <img src="http://chst.vip:8081/for-stu/wfzh/images/ic_search.png" alt="">
                    </span>
                </a>
                <p class="pname">比价搜索</p>
            </div>
            <div class="smallbox">
                <a href="#">
                    <span>
                        <img src="http://chst.vip:8081/for-stu/wfzh/images/ic_search.png" alt="">
                    </span>
                </a>
                <p class="pname">比价搜索</p>
            </div>
            <div class="smallbox">
                <a href="#">
                    <span>
                        <img src="http://chst.vip:8081/for-stu/wfzh/images/ic_search.png" alt="">
                    </span>
                </a>
                <p class="pname">比价搜索</p>
            </div>
            <div class="smallbox">
                <a href="#">
                    <span>
                        <img src="http://chst.vip:8081/for-stu/wfzh/images/ic_search.png" alt="">
                    </span>
                </a>
                <p class="pname">比价搜索</p>
            </div>
            <div class="smallbox">
                <a href="#">
                    <span>
                        <img src="http://chst.vip:8081/for-stu/wfzh/images/ic_search.png" alt="">
                    </span>
                </a>
                <p class="pname">比价搜索</p>
            </div>
            <div class="smallbox">
                <a href="#">
                    <span>
                        <img src="http://chst.vip:8081/for-stu/wfzh/images/ic_search.png" alt="">
                    </span>
                </a>
                <p class="pname">比价搜索</p>
            </div>
            <div class="smallbox">
                <a href="#">
                    <span>
                        <img src="http://chst.vip:8081/for-stu/wfzh/images/ic_search.png" alt="">
                    </span>
                </a>
                <p class="pname">比价搜索</p>
            </div> -->

        
        </div>
        <!-- 超值折扣推荐 -->
        <section class="discount">
            <span class="fl">超值折扣推荐</span>
            <a href="">
                <img src="http://chst.vip:8081/for-stu/wfzh/images/more.png" alt="">
            </a>
        </section>
        
        <!-- 商品 -->
        <section class="product">
            <ul class="info">
                 <!-- <li>
                    <a href="indexXiang.html?productid=20" class="clearfix">
                        <div class="img_fl">
                            <img src="http://a.manmanbuy.com:8013/cuxiaoPic/201610/201610001412282758.jpg" alt="">
                        </div> 
                            右边文本
                         <div class="infoR">
                            标题 
                             <div class="title">
                                <h4>移动端凑单品：海天 鲜味 生抽 1.28L
                                    <span>10.9元</span>
                                </h4>
                             </div> 
                             日期、评论数
                             <div class="other">
                                <div class="mall_fl">
                                    京东商城     |10-25 14:10
                                </div>
                                <div class="pinglun">
                                    <img src="./评论.png" alt="">
                                    <span> 有1人评论</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>  -->
            </ul>
        </section>
    </main>
    <!-- 底部 -->
    <footer>
        <!-- 更多优惠信息 -->
        <div class="more">
            <a href=>更多优惠信息 > ></a>
        </div>
        <!-- 品牌排行 -->
        <div class="chart_clearfix">
            <span class="chart_in">品牌排行</span>
            <span class="more_fr">
                <img src="http://chst.vip:8081/for-stu/wfzh/images/more.png" alt="">
            </span>
        </div>
        <!-- 底部链接 -->
        <div class="login">
            <div class="container">
                <div class="abox">
                    <a href="">登入</a>
                </div>
                <div class="abox">
                    <a href="">注册</a>
                </div>
                <div class="abox">
                    <a href="">返回顶部</a>
                </div>
            </div>
            <div class="bottom_content">
                <p class="bottom_p">
                    <a href="">手机APP下载</a>
                    <a href="">万锋智慧商城手机版</a>
                    -- 掌上比价平台
                </p>
                <p>chst.vip:8081/crm </p>

            </div>
        </div>
    </footer>
</div>
    <script src="./js/index.js"></script>
</body>

</html>